 

<!DOCTYPE html>
<html>
    <head>
        <title>bootstrap学习 by 司徒正美</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">

        <link rel="stylesheet" href="http://files.cnblogs.com/rubylouvre/bootstrap.css"/>
        <script src="http://files.cnblogs.com/rubylouvre/jquery1.83.js" > </script>
        <script src="http://files.cnblogs.com/rubylouvre/bootstrap-transition.js"></script>
        <script src="http://files.cnblogs.com/rubylouvre/bootstrap-tooltip.js"></script>
        <script src="http://files.cnblogs.com/rubylouvre/bootstrap-popover.js"></script>
        <script src="http://files.cnblogs.com/rubylouvre/bootstrap-button.js"></script>
        <script >
            $(function () {
                var log = function(s){
                    window.console && console.log(s)
                }
                $('.well a').popover()
            })
        </script>
        <script>
       
        </script>
    </head>
    <body>
        <br/>http://www.cnblogs.com/rubylouvre/archive/2012/12/24/2831402.html
        <br/>
        <h3>by 司徒正美</h3>
        <br/>
        
        <div class="well">
            <a href="#" class="btn btn-danger" rel="popover" data-content="他来自山东，是一名残疾人，因思想独立、指谪政弊而被政府迫害。地方政府和当权政要派专人看管他，调拨专款作为对他的看管费用，他每天都活在别人的监视和囚禁中，其遭遇只能用令人发指来形容。历尽万难，他终于成功逃离了当地，在外国使节的帮助和护送下去到了国外。他，就是孙膑。" data-original-title="他是谁">鼠标经过弹出提示</a>
        </div>
    </body>
</html>
